$(document).ready(function(){

		var updateOutput = function(e)

		{

			var list = e.length ? e : $(e.target),

				output = list.data('output');

			if(window.JSON) {

				output.val(window.JSON.stringify(list.nestable('serialize'))); //, null, 2));

			} else {

				output.val('JSON browser support required for this demo.');

			}

		};

	

		$('#nestable').nestable({

				group: 1

			})

			.on('change', updateOutput);

		
		$('#nestable2').nestable({

				group: 1

			})

			.on('change', updateOutput);

		updateOutput($('#nestable').data('output', $('#nestable-output')));

		updateOutput($('#nestable2').data('output', $('#nestable2-output')));
		setInterval(function() {
			$("button").off("click").click(function() {
				var actions = $(this).attr("data-action");
				if(actions == "collapse") {
					$(this).hide().siblings("button").show();
					$(this).siblings("ol").hide();
				}
				if(actions == "expand") {
					$(this).hide().siblings("button").show();
					$(this).siblings("ol").show();
				}

			});
		}, 100);
		

	});